<template>
	<!-- 报道的社区 -->
	<view id="community">
		<view class="nav">
			<van-nav-bar title="选择要报道的社区" custom-style="background-color: #ff6358;padding-top:0px;"
				style="background-color: #ff6358;color: #fff;" title-class="color: #fff;" left-arrow
				@click-left="onClickLeft" />
		</view>
		
		<!-- 选择要报道的社区 -->
		<view class="aaa">
			<van-cell @click="goTocommunitydetails" style='width: 100%;' v-for="(item,index) in 10" :key="index" icon="location" custom-class='box' title="颩铪" is-link/>
		</view>
	</view>
</template>

<script>
	export default{
		components:{
			
		},
		data(){
			return {
				
			}
		},
		methods:{
			onClickLeft:()=>uni.navigateBack(),
			goTocommunitydetails:()=>uni.navigateTo({
				url:`/subPack_mine/communitydetails/communitydetails?id=${1}`
			}),
		},
		computed:{
			
		},
		mounted(){
			
		},
		created(){
			
		}
	}

</script>

<style lang='less' scoped>
#community{
	background: #f5f2f5;
	height: 100vh;
		
}
.aaa{
	padding: 2%;
	width: 100%;
	::v-deep .van-cell{
		margin: 0.5rem 0;
		border-radius: 5px;
	}
}

.nav{
	::v-deep .van-nav-bar{
		padding-top: 0 !important;
		background: #fd6458;
	}
	::v-deep .van-icon {
		color: white !important;
	}
	::v-deep .van-nav-bar__title {
		color: white !important;
	}
}
</style>
